@(qcmForm: Form[Qcm], dateOuverture: String, dateFermeture: String)

@main("Creation QCM step 1/3 : initialisation") { 
	@helper.form(action = routes.CreateQCM.submit(1)) {
		<fieldset>
				<legend>QCM Information</legend>	
					<div>
					<label>Libell&eacute : </label>
					<INPUT type="text" name="libelle" value="@qcmForm("libelle").valueOr("")">
					</div>
					
					<div id="datetimepicker" class="input-append date">
				      <label>DateOuverture : </label>
				    
				      <input type="text" name ="dateOuverture" value="@dateOuverture"></input>
				      <span class="add-on">
				        	<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
				      </span>
				 	</div>
				 	<script type="text/javascript">
				    	$('#datetimepicker').datetimepicker({
				        format: 'dd/MM/yyyy hh:mm'
				      });
				 	</script>
				 	<div id="datetimepickercl" class="input-append date">
				      <label>DateCloture : </label>
				      <input type="text" name ="dateCloture" value="@dateFermeture"></input>
				      <span class="add-on">
				        	<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
				      </span>
				 	</div>
				 	<script type="text/javascript">
				    	$('#datetimepickercl').datetimepicker({
				        format: 'dd/MM/yyyy hh:mm'
				      });
				 	</script>		 		 			 		
		</fieldset> 			
		<input type="hidden" name="listeQuestions" value="@qcmForm("listeQuestions").valueOr("")">
		<input type="hidden"  type="text" name="ppf" id="ppf"value="@qcmForm("ppf").valueOr("")">
		<input type="hidden"  type="text" name="pnf" id="pnf"value="@qcmForm("pnf").valueOr("")">
		<input type="hidden"  type="text" name="ppm" id="ppm"value="@qcmForm("ppm").valueOr("")">
		<input type="hidden"  type="text" name="pnm" id="pnm"value="@qcmForm("pnm").valueOr("")">
		<input type="hidden"  type="text" name="ppd" id="ppd"value="@qcmForm("ppd").valueOr("")">
		<input type="hidden"  type="text" name="pnd" id="pnd"value="@qcmForm("pnd").valueOr("")">
		<input type="hidden"  type="text" name="ppb" id="ppb"value="@qcmForm("ppb").valueOr("")">
		<input type="hidden"  type="text" name="pnb" id="pnb"value="@qcmForm("pnb").valueOr("")">
		<div class="actions">
			<p>
				<button type="submit" value="etape2"class="btn btn-primary">Etape 2 
					<i class="icon-white icon-circle-arrow-right"></i>
				</button>
			</p>
		</div>
	}
}